<!--教程列表-->
{% extends 'other/base.html' %}
{% load staticfiles %}



{% block title %}
    教程
{% endblock %}

{% block css %}
    <style>
    .course{
        a:hover{
            font-size: 30px;
        }
    }
    </style>
{% endblock %}

{% block content %}
    <div class="row">
        {% for course in courses_list %}
            <div class=" col-md-4 text-center" >

                <div class="course" style="background-color: #0abad1; border-radius: 20px;">
                    {% if course.avatar_thumbnail %}
                        <div style="overflow: hidden">
                            <a href="{% url 'course:course_articles_list' course.pk %}" style="font">
                                <img src="{{ course.avatar_thumbnail.url }}" alt="" style="transition-duration: 1s;">
                            </a>
                        </div>
                    {% endif %}

                    <div >
                        <h5>
                            <a href="{% url 'course:course_articles_list' course.pk %}" style="font-size: 1.5rem;font-weight: bold;">{{ course.title }}</a>
                        </h5>
                        <div>
                            <i class="iconfont">&#xe639;</i> {{ course.views }}&nbsp;
                            <i class="iconfont">&#xe640;</i> {{ course.articles_count }}
                        </div>
                        <br/>
                    </div>
                </div>


            </div>
        {% endfor %}
    </div>

{% endblock %}
